<template>
  <view>
    <cu-custom bgColor="bg-cyan" isBack>
      <block slot="content">rich-text富文本</block>
    </cu-custom>
    <!-- 顶部区域 -->
    <view class="smart-page-head">
      <view class="smart-page-head-title">
        rich-text富文本
      </view>
    </view>
    <view class="smart-padding-wrap">
      <view>
        <rich-text :nodes="nodes"></rich-text>
      </view>
      <view>
        <rich-text :nodes="strings"></rich-text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        nodes: [{
          name: 'div',
          attrs: {
            class: 'div-class',
            style: 'line-height: 60px; color: red; text-align:center; background:#09bb07;'
          },
          children: [{
            type: 'text',
            text: 'Hello&nbsp;uni-app!'
          }]
        }],
        strings: '<div style="text-align:center;margin-top:50upx;"><img src="/static/logo.png"/></div>'
      }
    }
  }
</script>

<style>
</style>
